<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="../../../extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../../../extjs/ext-all.js"></script>
<script type="text/javascript" src="../../../extjs/ext-lang-zh_CN.js"></script>

<script>
	var temp;
	var page = 0;
	var store1 = Ext.data.JsonStore({
		fields : []

	});

	var store2 = Ext.data.JsonStore({
		fields : []

	});
	function fenye() {

		Ext.Ajax.request({
			url : '/wjylist',
			params : {
				"deletedstate" : "未删除",

				"page" : page
			},
			method : "post",
			success : function(data) {

				//这里的response.responseText就是后台返回的数据
				//eval，将字符串转换为json对象

				if (data.responseText == "") {
					page = page - 1;
					return;
				}

				var temp = JSON.parse(data.responseText);
				Ext.getCmp("billno").setValue(temp.billno);
				Ext.getCmp("billdate").setValue(temp.billdate);
				Ext.getCmp("formalcust").setValue(temp.formalcust);
				Ext.getCmp("custAddress").setValue(temp.custAddress);
				Ext.getCmp("validDate").setValue(temp.validDate);
				Ext.getCmp("currid").setValue(temp.currid);
				Ext.getCmp("priceoftax").setValue(temp.priceoftax);
				Ext.getCmp("exchRete").setValue(temp.exchRete);

				Ext.getCmp("salesname").setValue(temp.salesname);
				Ext.getCmp("departname").setValue(temp.departname);
				Ext.getCmp("makersign").setValue(temp.makersign);
				Ext.getCmp("permittersign").setValue(temp.permittersign);
				grids.getStore().removeAll();
				grids.getStore().add(temp.quotationes);

				//调用json对象的属性

			}
		});
	}

	Ext.onReady(function() {
		fenye();
		Ext.QuickTips.init();
		mainWindow.show();

	});
	var f = Ext.create('Ext.form.Panel', {
		id : "frommy",
		bodyPadding : 5,
		width : '100%',
		layout : 'column',

		defaults : {
			anchor : '100%'
		},
		items : [
				{
					style : 'margin-left:9px',
					xtype : 'checkbox',
					name : '1',
					labelWidth : 70,

				},
				{
					style : 'margin-left:2px',
					xtype : 'textfield',
					name : 'formalcust',
					fieldLabel : '正式客户',
					labelWidth : 70,
					width : 250,
					labelSeparator : '',
					id : "formalcust"
				},
				{
					style : 'margin-left:70px',
					xtype : 'datefield',
					name : 'billdate',
					fieldLabel : '单据日期',
					labelWidth : 70,
					labelSeparator : '',
					format : 'Y-m-d',
					value : Ext.util.Format.date(Ext.Date.add(new Date(),
							Ext.Date.MONTH, 1), "Y-m-d"),
					id : "billdate",

				},
				{
					style : 'margin-left:9px',
					xtype : 'textfield',
					name : 'custAddress',
					fieldLabel : '送货地址',
					width : 170,
					labelWidth : 85,
					anchor : '100%',
					labelSeparator : '',
					id : "custAddress"
				},
				{
					xtype : 'textfield',
					name : 'custAddress',
					width : 93,
					labelWidth : 71,
					margin : "0 1",
					anchor : '100%',
				},
				{
					style : 'margin-left:70px',
					xtype : 'textfield',
					name : 'billno',
					fieldLabel : '单据号码',
					labelWidth : 70,
					labelSeparator : '',
					id : "billno"
				},
				{
					style : 'margin-left:9px',
					xtype : 'datefield',
					name : 'validDate',
					fieldLabel : '有效日期',

					width : 265,
					labelWidth : 85,
					anchor : '100%',
					labelSeparator : '',
					format : 'Y-m-d',
					value : Ext.util.Format.date(Ext.Date.add(new Date(),
							Ext.Date.MONTH, 1), "Y-m-d"),
					id : "validDate"
				}, {
					style : 'margin-left:70px',
					xtype : 'textfield',
					name : 'currid',
					fieldLabel : '币别',
					width : 225,
					labelWidth : 70,
					anchor : '100%',
					labelSeparator : '',
					id : "currid"
				}, {
					style : 'margin-left:9px',
					fieldLabel : '单价是否含税',
					xtype : 'combo',
					width : 265,
					name : 'priceoftax',
					displayField : 'name',
					labelWidth : 85,
					valueField : 'abbr',
					labelSeparator : '',
					store : Ext.create('Ext.data.Store', {
						fields : [ 'abbr', 'name' ],
						data : [ {
							"abbr" : "含税",
							"name" : "含税"
						}, {
							"abbr" : "未税",
							"name" : "未税"
						}

						]
					}),
					value : '含税',
					typeAhead : true,
					mode : 'local',
					triggerAction : 'all',
					selectOnFocus : true,
					id : "priceoftax"

				}, {
					style : 'margin-left:70px',
					xtype : 'textfield',
					name : 'exchRete',
					fieldLabel : '汇率',
					width : 225,
					labelWidth : 70,
					anchor : '100%',
					labelSeparator : '',
					id : "exchRete"
				} ]
	});

	var grids = Ext.create('Ext.grid.Panel', {

		listeners : {
			containerdblclick : function(grid, e, eOpts) { //单击事件
				grid.getStore().add({
					'name' : '12',
					'dizhi' : '',
					'bianma' : '',
					'lianxi' : '',
					'prodname' : ''
				});

			},
			itemcontextmenu : function() {

				e.preventDefault();
				new Ext.menu.Menu({
					items : [ {
						xtype : 'textfield',
						text : 'Lost',
						pressed : false,
						handler : function() {
							alert();
						}
					}, {
						xtype : '',
						text : '娓呴櫎鏂规',
						pressed : false,
						handler : function() {
						}
					}, {
						xtype : '',
						text : '閫夋嫨鏂规',
						pressed : false,
						menu : new Ext.menu.Menu({
							items : [ {
								text : '棰勮鏂规',
								pressed : false
							} ]
						}),
						handler : function() {
						}
					}, {
						xtype : '',
						text : '瀵煎嚭鑷矱xcel',
						pressed : false,
						handler : function() {
						}
					}, {
						xtype : '',
						text : '缃戞牸鎵撳嵃',
						pressed : false,
						handler : function() {
						}
					} ]
				}

				).showAt(e.getXY());
			}
		},
		plugins : [ Ext.create('Ext.grid.plugin.CellEditing', {
			clicksToEdit : 2
		}) ],
		columns : [ {
			header : '（栏号）',
			xtype : 'rownumberer',
			dataIndex : 'id',
			width : 50,

		},

		{
			header : '物料编号',
			dataIndex : 'prodid',
			width : 100,
			editor : {

			},
		}, {
			header : '物料名称',
			dataIndex : 'prodname',
			width : 120,
			editor : {
				xtype : 'textfield',
				listeners : {
					focus : function(grid, e, eOpts) {
								windows2.show();
					}

				}
			}
		}, {
			header : '规格型号',
			dataIndex : 'prodsize',
			editor : {

			}
		}, {
			header : '单位名称',
			dataIndex : 'sunit',
			editor : {

			},
		}, {
			header : '数量',
			dataIndex : 'squantity',
			editor : {

			},
		}, {
			header : '折扣前单价',
			dataIndex : 'oldprice',
			editor :{
				
			},
		}, {
			header : '折数(%)',
			dataIndex : 'discount',
			editor :{
				
			},
		}, {
			header : '单价',
			dataIndex : 'sprice',
			editor :{
				
			},
		}, {
			header : '金额',
			dataIndex : 'amount',
			editor :{
				
			},
		}, {
			header : '税率',
			dataIndex : 'taxrate',
			editor :{
				
			},
		}, {
			header : '税额',
			dataIndex : 'taxamt',
			editor :{
				
			},
		}, {
			header : '含税金额',
			dataIndex : 'vftotal',
			editor :{
				
			},
		}, {
			header : '批号',
			dataIndex : 'lianxi',
			editor :{
				
			},
		}, {
			header : '赠品',
			dataIndex : 'isgift',
			editor :{
				
			},
		}, {
			header : '分录备注',
			dataIndex : 'itemremark',
			editor :{
				
			},
		},

		],
		height : 130,
		width : 1971,
		autoScroll : false,
		id : "grids",
		store : store1,

	});

	var filterPanel = Ext.create('Ext.panel.Panel', {
		bodyPadding : 6, // 避免Panel中的子元素紧邻边框
		width : 1985,
		height : 170,
		items : [ grids ],
		bbar : [ {
			xtype : "label",
			text : '总计:',
			width : 90
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 180',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 40 0 30',
			value : '0.00'
		}, {
			xtype : "textfield",
			disabled : true,
			width : 90,
			margin : '0 0 0 0',
			value : '0.00'
		} ],
	});

	var tableds = Ext.create('Ext.TabPanel', {
		width : "100%",
		height : 230,
		autoScroll : true,
		bodyPadding : 5,
		items : [ {
			title : '内容',
			autoScroll : true,
			items : [ filterPanel ]
		}, {
			title : '备注',
			xtype : 'textarea',
			name : 'Remark',
			fieldLabel : '备注',
			labelWidth : 30,
		} ],
	});

	var formsg = Ext.create('Ext.form.Panel', {
		bodyPadding : 5,
		height : '100%',
		layout : "column",
		baseCls : 'x-plain',
		items : [ {
			xtype : 'textfield',
			name : 'salesname',
			bodyPadding : 5,
			fieldLabel : '业务人员',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
			id : "salesname"
		}, {
			xtype : 'textfield',
			name : 'makersign',
			fieldLabel : '制单人员',
			style : 'margin-left:19px',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
			id : "makersign"
		}, {
			xtype : 'textfield',
			name : 'departname',
			fieldLabel : '所属部门',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
			id : "departname"
		}, {
			xtype : 'textfield',
			name : 'permittersign',
			fieldLabel : '复核人员',
			style : 'margin-left:19px',
			width : 250,
			labelWidth : 80,
			anchor : '100%',
			id : "permittersign"
		} ],
	});

	var fielmenu = new Ext.menu.Menu({
		items : [
				{
					text : '历史交易查询',
					handler : function() {

						var gridss = Ext.create('Ext.grid.Panel', {
							columns : [ {
								header : '(单别)',
								xtype : 'rownumberer',
								dataIndex : 'SerNo',
								width : 50,
								sortable : false
							}, {
								header : '(日期)',
								dataIndex : 'billdate',
								width : 100,
							}, {
								header : '(单号)',
								dataIndex : 'billno',
								width : 120,
							}, {
								header : '(币别)',
								dataIndex : 'currid'
							}, {
								header : '(汇率)',
								dataIndex : 'exchRete'
							}, {
								header : '(物料编号)',
								dataIndex : 'prodid'
							}, {
								header : '(物料名称)',
								dataIndex : 'prodname'
							}, {
								header : '(规格型号)',
								dataIndex : 'prodsize'
							}, {
								header : '(数量)',
								dataIndex : 'squantity'
							}, {
								header : '(单位)',
								dataIndex : 'sunit'
							}, {
								header : '(折扣前单价)',
								dataIndex : 'oldprice'
							}, {
								header : '(折数%)',
								dataIndex : 'discount'
							}, {
								header : '(单价)',
								dataIndex : 'sprice'
							}, {
								header : '(单价是否含税)',
								dataIndex : 'priceoftax'
							}, {
								header : '(金额)',
								dataIndex : 'amount'
							}, {
								header : '(备注)',
								dataIndex : 'remark'
							} ],
							height : 260,
							width : 1700,
							autoScroll : false,
							store : store2,

						});

						//头部form表单
						var formss = Ext.create('Ext.form.Panel', {
							bodyPadding : 5,
							height : '100%',
							layout : "column",
							baseCls : 'x-plain',
							items : [ {
								style : 'margin-left:20px;',
								xtype : 'textfield',
								name : 'formalcusts',
								fieldLabel : '客户',
								width : 250,
								labelWidth : 80,
								anchor : '100%',
								id : "formalcusts",
							}, {
								style : 'margin-left:140px;',
								xtype : 'button',
								name : '23',
								text : '资料输出',
								width : 70,
								labelWidth : 80,
								anchor : '100%',
							}, {
								style : 'margin-left:10px;',
								xtype : 'button',
								name : '412',
								text : '取回',
								width : 70,
								labelWidth : 80,
								anchor : '100%',
							}, gridss ]
						});

						Ext.create('Ext.window.Window', {
							width : 620,
							height : 350,
							title : "历史交易查询",
							closable : true,
							resizable : false, //设置是否可以改变大小
							draggable : true,
							anchor : '100%',
							items : [ formss ],

						}).show();

						gridss.getStore().removeAll();
						var formalcust = Ext.getCmp("formalcust").getValue();
						Ext.getCmp("formalcusts").setValue(formalcust)

						Ext.Ajax.request({
							url : '/lsjycxasdsa',
							params : {
								"formalcust" : formalcust,
							},
							method : "post",
							success : function(data) {

								//这里的response.responseText就是后台返回的数据
								//eval，将字符串转换为json对象
								alert(JSON.stringify(data.responseText));
								var temp = JSON.parse(data.responseText);

								Ext.each(temp, function(i, e) {
									Ext.getCmp("formalcust").setValue(
											temp[e].formalcust);
									gridss.getStore().add(temp[e]);

								});

								//调用json对象的属性
							}
						});

					}
				}, {
					text : '利润评估计算'
				} ]

	});
	var fielmenu2 = new Ext.menu.Menu({
		items : [ {
			text : '销售报价转入'
		}, {
			text : '销售订单转入'
		} ]
	});
	var fielmenu3 = new Ext.menu.Menu({
		items : [ {
			text : '保存',
			handler : function() {

				var grid = Ext.getCmp("grids").getStore();
				var quotation = {

					billno : Ext.getCmp("billno").getValue(),
					billdate : Ext.getCmp("billdate").getRawValue(),
					formalcust : Ext.getCmp("formalcust").getValue(),
					custAddress : Ext.getCmp("custAddress").getValue(),
					validDate : Ext.getCmp("validDate").getRawValue(),
					currid : Ext.getCmp("currid").getValue(),
					priceoftax : Ext.getCmp("priceoftax").getValue(),
					exchRete : Ext.getCmp("exchRete").getValue(),
					quotationes : Ext.pluck(grid.data.items, "data"),
					salesname : Ext.getCmp("salesname").getValue(),
					departname : Ext.getCmp("departname").getValue(),
					makersign : Ext.getCmp("makersign").getValue(),
					permittersign : Ext.getCmp("permittersign").getValue(),
					deletedstate : "未删除",
					auditstate : "未审核",
				}
				alert(JSON.stringify(quotation));
				Ext.Ajax.request({
					url : "/wjysave",
					headers : {
						"Content-Type" : "application/json"
					},
					params : JSON.stringify(quotation),
					method : "post",
					success : function(data) {
						alert(data.responseText);
					}

				});

			}
		}, {
			text : '删除',
			handler : function() {
				var all = true;
				var billno = Ext.getCmp("billno").getValue();
				alert(billno);
				Ext.Ajax.request({
					url : "/wjydelete",
					headers : {
						"Content-Type" : "application/json"
					},
					params : billno,
					method : "post",
					success : function(data) {
						alert(data.responseText);
						if (data.responseText == '删除成功') {
							all = true;
						}

						else {
							all = false;
						}
					}
				});

				alert(JSON.stringify(all));
				if (all == true) {
					alert(all);
					page = 1;
					fenye();
				}

			}

		}, {
			text : '修改',
			handler : function() {
				var all = true;
				var grid = Ext.getCmp("grids").getStore();
				var quotation = {

					billno : Ext.getCmp("billno").getValue(),
					billdate : Ext.getCmp("billdate").getRawValue(),
					formalcust : Ext.getCmp("formalcust").getValue(),
					custAddress : Ext.getCmp("custAddress").getValue(),
					validDate : Ext.getCmp("validDate").getRawValue(),
					currid : Ext.getCmp("currid").getValue(),
					priceoftax : Ext.getCmp("priceoftax").getValue(),
					exchRete : Ext.getCmp("exchRete").getValue(),
					quotationes : Ext.pluck(grid.data.items, "data"),
					salesname : Ext.getCmp("salesname").getValue(),
					departname : Ext.getCmp("departname").getValue(),
					makersign : Ext.getCmp("makersign").getValue(),
					permittersign : Ext.getCmp("permittersign").getValue(),
					deletedstate : "未删除",
					auditstate : "未审核",

				}
				alert(JSON.stringify(quotation));
				Ext.Ajax.request({
					url : "/wjyupdate",
					headers : {
						"Content-Type" : "application/json"
					},
					params : JSON.stringify(quotation),
					method : "post",
					success : function(data) {
						alert(data.responseText)
						if (data.responseText == '修改成功') {
							fenye();
							all = true;
						}

						else {
							all = false;
						}
					}

				});
				if (all == true) {
					fenye();
				}

			}

		}, {
			text : '上一页',
			handler : function() {
				//grids.getStore().removeAll();

				if (page == 0) {
					return;

				}
				page = page - 1;
				fenye();
			}

		}, {
			text : '下一页',
			handler : function() {

				page = page + 1;
				fenye();
			}
		}, {
			text : "新增",
			handler : function() {

				f.getForm().reset();
				grids.getStore().removeAll();
			}

		}, {
			text : "审核",
			handler : function() {
				var billno = Ext.getCmp("billno").getValue();
				Ext.Ajax.request({
					url : "/wjyshenhe",
					headers : {
						"Content-Type" : "application/json"
					},
					params : billno,
					method : "post",
					success : function(data) {
						alert(JSON.stringify(data.responseText))
					}
				});

			}
		}, {
			text : "反审核",
			handler : function() {
				var billno = Ext.getCmp("billno").getValue();
				Ext.Ajax.request({
					url : "/wjyfanshenhe",
					headers : {
						"Content-Type" : "application/json"
					},
					params : billno,
					method : "post",
					success : function(data) {
						alert(JSON.stringify(data.responseText))
					}
				});
			}
		} ]
	});

	var mainWindow = new Ext.Window({

		width : 630,
		height : 488,
		title : "销售报价单",
		renderTo : document.body,
		items : [ f, tableds, formsg ],
		bbar : [ {
			xtype : "splitbutton",
			text : '查询',
			width : 90,
			menu : fielmenu,

		}, {
			xtype : "splitbutton",
			text : '转单',
			width : 90,
			menu : fielmenu2
		}, {
			xtype : "splitbutton",
			text : '功能',
			width : 90,
			menu : fielmenu3
		} ],
	});
</script>

</head>
<body>

</body>
</html>